<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<title>ProCal-ProSer</title>
	
	<!-- bootstrap -->
	<link href="../../template/css/bootstrap/bootstrap.css" rel="stylesheet" />

	<!-- libraries -->
	<link href="../../template/css/libs/font-awesome.css" type="text/css" rel="stylesheet" />

	<!-- global styles -->
	<link rel="stylesheet" type="text/css" href="../../template/css/compiled/layout.css">
	<link rel="stylesheet" type="text/css" href="../../template/css/compiled/elements.css">
	<link rel="stylesheet" href="../../template/css/libs/select2.css" type="text/css" />

	<!-- this page specific styles -->
	<link rel="stylesheet" type="text/css" href="../../template/css/libs/dropzone.css">

	<!-- google font libraries -->
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300|Titillium+Web:200,300,400' rel='stylesheet' type='text/css'>

	<!--[if lt IE 9]>
		<script src="js/html5shiv.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->
	<!--[if lt IE 8]>
		<link href="css/libs/font-awesome-ie7.css" type="text/css" rel="stylesheet" />
	<![endif]-->
</head>
	<script src="../../template/js/jquery.js"></script>
	
<body>
	<script src="../../javascript/Seguridad/header.js"></script>
	<div class="container">
		<div class="row">
			<div class="col-md-2" id="nav-col">
				<script src="../../javascript/Seguridad/section.js"> </script>
			</div>
			<div class="col-md-10 col-sm-11" id="content-wrapper">
				<div class="row">
					<div class="col-lg-12">
						<h1>Publicaciones</h1>
						<div class="row">
							<div class="col-lg-12">
								<div class="main-box clearfix">
									<h2>Subida de Publicaciones</h2>
									<h3><span>Cargar Archivo de texto</span></h3>
									<h5 id="texto1" style="display">Prepare la lista de publicaciones en base a la plantilla, puede ver un <a href="../../masiveCharge/plantilla.xls" target="_blank">ejemplo</a>. Luego proceder a guardar como archivo de texto delimitado por tabulaciones, favor de notar que el archivo de texto no tenga filas vacías.
									</h5>
									<h6 id="texto2" style="display"></h6>
									<div id="dropzone" style="display">
										<form id="subidaArchivos" class="dropzone dz-clickable" style="min-height: 250px;"enctype="multipart/form-data" >
											<div class="dz-message">
												<h4>Arrastre el archivo de texto, o de click en este espacio</h4>
											</div>
										</form>
									</div>

									<div class="row pull-center" id="buttons1" style="display">
				                    	<div class="col-md-4"></div>
					                    <div class="col-md-4">      	
			                    			<button type="button" class="btn btn-default" id="guardarTxt">Subir</button>
			                    			<button type="button" class="btn btn-default" value="regresar" onClick="location.href='ViewListaPublicacion.html'">Cancelar</button>
		                    			</div>
		                    			<div class="col-md-4"></div>
		                    		</div>
		                    		
		                    		<div id="archivoSubir" style="display:none">
		                    			<h5>Archivo procesado correctamente.</h5>
		                    			<h5>Número de archivos a subir: <span id="numArchSubir"></span></h5>
		                    			<div class="row" id="divArchivos">
											<div class="col-lg-12">
												<ul class="list-group" id="listaArchivos">
												
												</ul>
											</div>
										</div>
									</div>
		                    		<br>
									<h3 id="texto3" style="display:none"><span>Cargar Archivos PDF</span></h3>
									<h5 id="texto4" style="display:none">Si de desea puede subir alguno o todos los archivos PDF que estaban contenidos en el archivo de texto subido en la sección anterior.</h5>
									<div id="dropzone2" style="display:none">
										<form id="subidaArchivosPDF" class="dropzone dz-clickable" style="min-height: 250px;"enctype="multipart/form-data" >
											<div class="dz-message">
												<h4>Arrastre los archivos PDF, o de click en este espacio</h4>
											</div>
										</form>
									</div>
									<div class="row pull-center" id="buttons2" style="display:none">
				                    	<div class="col-md-4"></div>
					                    <div class="col-md-4">      	
			                    			<button type="button" class="btn btn-default" id="guardarPDFs">Subir</button>
			                    			<button type="button" class="btn btn-default" value="regresar" onClick="location.href='ViewListaPublicacion.html'">Cancelar</button>
		                    			</div>
		                    			<div class="col-md-4"></div>
		                    		</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<footer id="footer-bar">
		<p id="footer-copyright">
			&copy; 2014 INV-TOOL. Powered by Nadya - Albert
		</p>
	</footer>
	
	<!-- global scripts -->
	<script src="../../javascript/Seguridad/interfaz.js"></script>
	<script src="../../template/js/bootstrap.js"></script>
	
	<!-- this page specific scripts -->
	<script src="../../template/js/select2.min.js"></script>
	<script src="../../template/js/dropzone.js"></script>
	<script src="../../javascript/Publicacion_Documental/publicacionCargaMasiva.js"></script>
	<script src="../../template/js/pdfobject.js"></script>
	<script src="../../javascript/Busqueda/Busqueda.js"></script>

	<!-- theme scripts -->
	<script src="../../template/js/scripts.js"></script>
	
	<!-- this page specific inline scripts -->

</body>
</html>